<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Componente JsTable</title>

<!-- stylesheet -->
<link rel="stylesheet" href="css/style.css" type="text/css" />

<!-- libs -->
<script type="text/javascript" src="js/libs/jquery.js"></script>
<script type="text/javascript" src="js/JsTable/JsTable.js"></script>
<script type="text/javascript" src="js/JsTable/JsDefaultTableModel.js"></script>

<!-- javascript -->
<script type="text/javascript" src="js/CacheProduto.js"></script>
<script type="text/javascript" src="js/cache.js"></script>
<script type="text/javascript" src="js/MyTableModel.js"></script>
<script type="text/javascript" src="js/Index.js"></script>

</head>
<body>

<h1>JsTable</h1>
<p>
	Componente javascript para montar uma tabela através do JSON.<br />
	Para mais detalhes veja o código fonte.
</p>

<!-- paginacao -->
<div id="page-produto" class="paginacao">
	<img src="images/pag-first.png" class="first" alt="Início" title="Início" />
	<img src="images/pag-prev.png" class="prev" alt="Anterior" title="Anterior" />
	<input type="text" class="number currentPage" value="1" />
	<span class="totalPages">/1</span>
	<img src="images/pag-next.png" class="next" alt="Próximo" title="Próximo" />
	<img src="images/pag-last.png" class="last" alt="Último" title="Último" />
	| Itens por página: <input type="text" class="number itemsPerPage" value="10" maxlength="3" />
	| Total de itens: <span class="totalItems">0</span>
</div>
<!-- table -->
<div id="wrapper-produto"></div>

<!-- paginacao -->
<div id="page-ccusto" class="paginacao">
	<img src="images/pag-first.png" class="first" alt="Início" title="Início" />
	<img src="images/pag-prev.png" class="prev" alt="Anterior" title="Anterior" />
	<input type="text" class="number currentPage" value="1" />
	<span class="totalPages">/1</span>
	<img src="images/pag-next.png" class="next" alt="Próximo" title="Próximo" />
	<img src="images/pag-last.png" class="last" alt="Último" title="Último" />
	| Itens por página: <input type="text" class="number itemsPerPage" value="10" maxlength="3" />
	| Total de itens: <span class="totalItems">0</span>
</div>
<!-- table -->
<div id="wrapper-ccusto"></div>

</body>
</html>